<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实验室成员个人信息</title>
    <link rel="stylesheet" href="./CSS/index.css">          
</head>
<body>
  <!--头部-->
  <div class="header wrapper">
    <h1> 
      <span>实验室人员管理系统</span>
    </h1>
    <!--导航-->
  <div class="nav">
    <ul>
        <li><a href="./index1.html" target="_blank">个人日志</a></li>
        <li><a href="../Personnel information/person.html " target="_blank">个人空间</a></li>
        <li><a href="../User Information Table/user.html" target="_blank">用户信息表</a></li>
    </ul>
  </div>
  <!--搜索框-->
  <div class="search">
<input type="text" placeholder="请输入关键词">
<button>确定</button>
  </div>
<!--用户-->
<div class="user">
    <img src="./images/user.jpg" alt="加载出错" height="42px">
    <span>song</span>
</div>
  </div>

  <!--轮播图-->
  <div class="banner">
<div class="wrapper">
  <div class="left">
    <ul>
        <a href="#">应用培训<span>></span></a></li>
      <li>
        <a href="#">资源中心<span>></span></a></li>
      <li>
        <a href="#">常见问题<span>></span></a></li>
    </ul>
  </div>
  <div class="right">
    <h2>任务列表</h2>
  <div class="content">
    <dl>
      <dt><a href="#">web程序开发</a></dt>
      <dd>任务进度-执行中</dd>
    </dl>
    <dl>
      <dt><a href="#">CSS项目制作</a></dt>
      <dd>任务进度-执行中</dd>
    </dl>
    <dl>
      <dt><a href="#">JS学习</a></dt>
      <dd>任务进度-未执行</dd>
    </dl>
  </div>
  </div>
</div>
  </div>
  <!--通知公告-->
 <div class="notice wrapper">
<h2>通知公告</h2>
 </div>
 <!--公告内容-->
<div class="noticecontent wrapper clearfix">
<ul>
  <li>
  <a href="#">
    <img src="./images/notice20240608154758.png" alt="">
  <h3>24年春季学期平台使用公告</h3></a>
  <p><span>2024-02-28</span> 确认人数：1333</p>
</li>
  <li>
    <a href="#">
      <img src="./images/notice20240608154758.png" alt="">
      <h3>23年秋季学期平台使用公告</h3></a>
      <p><span>2023-08-26</span> 确认人数：2069</p>
  </li>
  <li>
    <a href="#">
      <img src="./images/notice20240608154758.png" alt="">
      <h3>平台1.3更新公告</h3></a>
      <p><span>2023-06-18</span> 确认人数：1886</p>
  </li>
  <li>
    <a href="#">
      <img src="./images/notice20240608154758.png" alt="">
      <h3>23年春季学期平台使用公告</h3></a>
      <p><span>2023-03-02</span> 确认人数：2143</p>
  </li>
  <li>
    <a href="#">
      <img src="./images/notice20240608154758.png" alt="">
      <h3>平台1.2更新公告</h3></a>
      <p><span>2023-01-03</span> 确认人数：1796</p>
  </li>
  <li>
    <a href="#">
      <img src="./images/notice20240608154758.png" alt="">
      <h3>平台1.1更新公告</h3></a>
      <p><span>2022-05-07</span> 确认人数：2150</p>
  </li>
</ul>
</div>
<div class="noticebutton wrapper">
  <a href="#">查看更多</a>
</div>
<!--
<div class="footer">
  <div class="wrapper">
    <div class="left">
  <h3>实验室人员管理系统</h3>

    </div>
    <div class="right">
<dl>
  <dt>合作伙伴</dt>
  <dd><a href="#">合作机构</a></dd>
  <dd><a href="#">合作教师</a></dd>
</dl>
<dl>
  <dt>合作伙伴</dt>
  <dd><a href="#">合作机构</a></dd>
  <dd><a href="#">合作教师</a></dd>
</dl>
<dl>
  <dt>合作伙伴</dt>
  <dd><a href="#">合作机构</a></dd>
  <dd><a href="#">合作教师</a></dd>
</dl>
    </div>
  </div>
</div>

</body>
</html>